<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="ISO-8859-1"/>

    <xsl:template match="/PLANETES">
<HTML>

    <HEAD>
        <TITLE>
            La page des masses
         </TITLE>

       <SCRIPT LANGUAGE='javascript'>
 
        <xsl:for-each select="PLANETE">
        <xsl:text>
            function </xsl:text><xsl:if test="not(contains(NOM, ''))">
               <xsl:value-of select="NOM"/></xsl:if>
            <xsl:if test="contains(NOM, '')">
               <xsl:value-of select="translate(NOM, '', 'e')"/>
            </xsl:if><xsl:text>()
            {
                display.innerHTML = 'La masse de </xsl:text>
                <xsl:value-of select="NOM"/>
                <xsl:text> est gale  </xsl:text>
                <xsl:value-of select="MASSE"/>
                <xsl:text> fois celle de la Terre.'</xsl:text>
            }
        </xsl:for-each>
        </SCRIPT>
     </HEAD>

    <BODY>
        <CENTER>
            <H1>La page des masses</H1>
        </CENTER>
        <xsl:for-each select="PLANETE">
            <P/>
            <xsl:element name="input" use-attribute-sets="attribs"/>
        </xsl:for-each>
        <P/>
        <P/>
        <DIV ID='display'></DIV>
    </BODY>

</HTML>
    </xsl:template>

    <xsl:attribute-set name="attribs">
    <xsl:attribute name="type">BUTTON</xsl:attribute>
    <xsl:attribute name="value"><xsl:value-of select="NOM"/></xsl:attribute>
    <xsl:attribute name="onclick"><xsl:if test="not(contains(NOM, ''))">
         <xsl:value-of select="NOM"/></xsl:if>
         <xsl:if test="contains(NOM, '')">
         <xsl:value-of select="translate(NOM, '', 'e')"/>
         </xsl:if>()</xsl:attribute>
    </xsl:attribute-set>
    
</xsl:stylesheet>
